﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="assets/img/icon.png">

    <!-- Title -->
    <title>Zuka - Clean, Minimal eCommerce Bootstrap 4 Template</title>

    <!-- ************************* CSS Files ************************* -->

    <!-- All Plugins CSS  -->
    <link rel="stylesheet" href="assets/css/plugins.css">

    <!-- Revoulation CSS  -->
    <link rel="stylesheet" href="assets/css/revoulation.css">

    <!-- style CSS -->
    <link rel="stylesheet" href="assets/css/main.css">

    <!-- modernizr JS
    ============================================ -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="default-color">

    <!-- Preloader Start -->
    <div class="zuka-preloader active">
        <div class="zuka-preloader-inner h-100 d-flex align-items-center justify-content-center">
            <div class="zuka-child zuka-bounce1"></div>
            <div class="zuka-child zuka-bounce2"></div>
            <div class="zuka-child zuka-bounce3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Main Wrapper Start -->
    <div class="wrapper">
        <!-- Header Area Start -->
        <header class="header header-transparent header-style-2">
            <div class="header-inner">
                <div class="header-top headroom headroom--fixed">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-lg-5 d-none d-lg-block">
                                <!-- Main Navigation Start Here -->
                                <nav class="main-navigation main-navigation-2">
                                    <ul class="mainmenu">
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder active">
                                            <a href="index.html" class="mainmenu__link">
                                                <span class="mm-text">Home</span>
                                            </a>
                                            <ul class="megamenu two-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 01</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="index.html">
                                                                <span class="mm-text">Demo 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-02.html">
                                                                <span class="mm-text">Demo 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-03.html">
                                                                <span class="mm-text">Demo 03</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-04.html">
                                                                <span class="mm-text">Demo 04</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-05.html">
                                                                <span class="mm-text">Demo 05</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 02</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="index-06.html">
                                                                <span class="mm-text">Demo 06</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-07.html">
                                                                <span class="mm-text">Demo 07</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-08.html">
                                                                <span class="mm-text">Demo 08</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-09.html">
                                                                <span class="mm-text">Demo 09</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-10.html">
                                                                <span class="mm-text">Demo 10</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder">
                                            <a href="shop-sidebar.html" class="mainmenu__link">
                                                <span class="mm-text">Shop</span>
                                                <span class="badge">Hot</span>
                                            </a>
                                            <ul class="megamenu four-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Layout</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="shop-fullwidth.html">
                                                                <span class="mm-text">FullWidth</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-sidebar.html">
                                                                <span class="mm-text">with Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-two-columns.html">
                                                                <span class="mm-text">Two columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-three-columns.html">
                                                                <span class="mm-text">Three columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-collections.html">
                                                                <span class="mm-text">With collections</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-instagram.html">
                                                                <span class="mm-text">Shop Instagram</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Single Product</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="product-details.html">
                                                                <span class="mm-text">Simple 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-02.html">
                                                                <span class="mm-text">Simple 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sticky.html">
                                                                <span class="mm-text">Sticky Info</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-gallery.html">
                                                                <span class="mm-text">Thumbnail Gallery</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sidebar.html">
                                                                <span class="mm-text">Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-grouped.html">
                                                                <span class="mm-text">Grouped</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-affiliate.html">
                                                                <span class="mm-text">Affiliate</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-configurable.html">
                                                                <span class="mm-text">Configurable</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Pages</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="my-account.html">
                                                                <span class="mm-text">My Account</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="cart.html">
                                                                <span class="mm-text">Shopping Cart</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="checkout.html">
                                                                <span class="mm-text">Check Out</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="wishlist.html">
                                                                <span class="mm-text">Wishlist</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="order-tracking.html">
                                                                <span class="mm-text">Order tracking</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="compare.html">
                                                                <span class="mm-text">compare</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="banner-holder">
                                                    <div class="megamenu-banner">
                                                        <div class="megamenu-banner-image"></div>
                                                        <div class="megamenu-banner-info">
                                                            <span>Autumn Winter 2019</span>
                                                            <h3>new <strong>arrival</strong></h3>
                                                        </div>
                                                        <a href="shop-sidebar.html" class="megamenu-banner-link"></a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="#" class="mainmenu__link">
                                                <span class="mm-text">Pages</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li>
                                                    <a href="about-us.html">
                                                        <span class="mm-text">About Us</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="team.html">
                                                        <span class="mm-text">Our teams</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="contact-us.html">
                                                        <span class="mm-text">Contact Page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="404.html">
                                                        <span class="mm-text">404 page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="faqs-page.html">
                                                        <span class="mm-text">FAQs page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="coming-soon.html">
                                                        <span class="mm-text">Coming Soon</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item">
                                            <a href="shop-collections.html" class="mainmenu__link">
                                                <span class="mm-text">Collections</span>
                                            </a>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="blog.html" class="mainmenu__link">
                                                <span class="mm-text">Blog</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Grid</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-02-columns.html">
                                                                <span class="mm-text">Blog 02 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-03-columns.html">
                                                                <span class="mm-text">Blog 03 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog.html">
                                                                <span class="mm-text">Blog Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog List</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-classic.html">
                                                                <span class="mm-text">Blog Classic</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-no-sidebar.html">
                                                                <span class="mm-text">Blog No Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-masonary.html">
                                                        <span class="mm-text">Blog Masonary</span>
                                                    </a>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Details</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="single-post.html">
                                                                <span class="mm-text">Single Post</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="single-post-sidebar.html">
                                                                <span class="mm-text">Single Post Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item">
                                            <a href="shop-instagram.html" class="mainmenu__link">
                                                <span class="mm-text">New Look</span>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- Main Navigation End Here -->
                            </div>
                            <div class="col-lg-2 col-6 text-left text-lg-center">
                                <!-- Logo Start Here -->
                                <a href="index.html" class="logo-box">
                                    <figure class="logo--normal"> 
                                        <img src="assets/img/logo/logo.png" alt="Logo"/>
                                    </figure>
                                    <figure class="logo--sticky"> 
                                        <img src="assets/img/logo/logo.png" alt="Logo"/>
                                    </figure>
                                </a>
                                <!-- Logo End Here -->
                            </div>
                            <div class="col-lg-5 col-6 d-flex justify-content-end align-items-center">
                                <div class="searchform-wrapper d-none d-lg-block">
                                    <form action="#" class="searchform searchform-2">
                                        <input type="text" class="searchform__input" id="search2" name="search" placeholder="Search Here...">
                                        <button type="submit" class="searchform__submit">
                                            <i class="dl-icon-search1"></i>
                                        </button>
                                    </form>
                                </div>
                                <ul class="header-toolbar header-toolbar-2 text-right">
                                    <li class="header-toolbar__item">
                                        <a href="#miniCart" class="mini-cart-btn toolbar-btn">
                                            <i class="dl-icon-cart25"></i>
                                            <sup class="mini-cart-count">2</sup>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-none d-lg-block">
                                        <a href="#sideNav" class="toolbar-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a>                                    
                                    </li>
                                    <li class="header-toolbar__item d-block d-lg-none">
                                        <a href="#searchForm" class="search-btn toolbar-btn">
                                            <i class="dl-icon-search1"></i>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-lg-none">
                                        <a href="#mobileMenu" class="toolbar-btn menu-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a> 
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-menu-wrapper" id="mobileMenu">
                <div class="mobile-menu-inner">
                    <a href="" class="btn-close">
                        <span class="hamburger-icon">
                        </span>
                    </a>
                    <nav class="mobile-navigation">
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children active">
                                <a href="index.html">
                                    <span class="mm-text">Home</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 01</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index.html">
                                                    <span class="mm-text">Demo 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-02.html">
                                                    <span class="mm-text">Demo 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-03.html">
                                                    <span class="mm-text">Demo 03</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-04.html">
                                                    <span class="mm-text">Demo 04</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-05.html">
                                                    <span class="mm-text">Demo 05</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 02</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index-06.html">
                                                    <span class="mm-text">Demo 06</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-07.html">
                                                    <span class="mm-text">Demo 07</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-08.html">
                                                    <span class="mm-text">Demo 08</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-09.html">
                                                    <span class="mm-text">Demo 09</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-10.html">
                                                    <span class="mm-text">Demo 10</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="shop-sidebar.html">
                                    <span class="mm-text">Shop</span>
                                    <span class="badge">Hot</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Layout</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="shop-fullwidth.html">
                                                    <span class="mm-text">FullWidth</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-sidebar.html">
                                                    <span class="mm-text">with Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-two-columns.html">
                                                    <span class="mm-text">Two columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-three-columns.html">
                                                    <span class="mm-text">Three columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-collections.html">
                                                    <span class="mm-text">With collections</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-instagram.html">
                                                    <span class="mm-text">Shop Instagram</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Single Product</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="product-details.html">
                                                    <span class="mm-text">Simple 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-02.html">
                                                    <span class="mm-text">Simple 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sticky.html">
                                                    <span class="mm-text">Sticky Info</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-gallery.html">
                                                    <span class="mm-text">Thumbnail Gallery</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sidebar.html">
                                                    <span class="mm-text">Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-grouped.html">
                                                    <span class="mm-text">Grouped</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-affiliate.html">
                                                    <span class="mm-text">Affiliate</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-configurable.html">
                                                    <span class="mm-text">Configurable</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Pages</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="my-account.html">
                                                    <span class="mm-text">My Account</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="cart.html">
                                                    <span class="mm-text">Shopping Cart</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">
                                                    <span class="mm-text">Check Out</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">
                                                    <span class="mm-text">Wishlist</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="order-tracking.html">
                                                    <span class="mm-text">Order tracking</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="compare.html">
                                                    <span class="mm-text">compare</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">
                                    <span class="mm-text">Pages</span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="about-us.html">
                                            <span class="mm-text">About Us</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="team.html">
                                            <span class="mm-text">Our teams</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="contact-us.html">
                                            <span class="mm-text">Contact Page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="404.html">
                                            <span class="mm-text">404 page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="faqs-page.html">
                                            <span class="mm-text">FAQs page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="coming-soon.html">
                                            <span class="mm-text">Coming Soon</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="mobile-menu__item">
                                <a href="shop-collections.html">
                                    <span class="mm-text">Collections</span>
                                </a>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="blog.html">
                                    <span class="mm-text">Blog</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Grid</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-02-columns.html">
                                                    <span class="mm-text">Blog 02 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-03-columns.html">
                                                    <span class="mm-text">Blog 03 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog.html">
                                                    <span class="mm-text">Blog Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog List</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-classic.html">
                                                    <span class="mm-text">Blog Classic</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-no-sidebar.html">
                                                    <span class="mm-text">Blog No Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="blog-masonary.html">
                                            <span class="mm-text">Blog Masonary</span>
                                        </a>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Details</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="single-post.html">
                                                    <span class="mm-text">Single Post</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="single-post-sidebar.html">
                                                    <span class="mm-text">Single Post Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="shop-instagram.html">
                                    <span class="mm-text">New Look</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <!-- Header Area End -->

        <!-- Main Content Wrapper Start -->
        <div id="content" class="main-content-wrapper">
            <!-- Slider area Start -->
            <div class="slider-area">
                <!-- START REVOLUTION SLIDER -->
                <div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="home-04" data-source="gallery" style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
                    <div id="rev_slider_4_1" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7">
                        <ul>    <!-- SLIDE  -->
                            <li data-index="rs-10" data-transition="random-premium" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="assets/img/slider/100x50_home_04_slider_1.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="01" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/home_04_slider_1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-10-layer-1" 
                                     data-x="['left','left','center','center']" data-hoffset="['205','205','-31','10']" 
                                     data-y="['middle','middle','middle','top']" data-voffset="['0','0','-102','29']" 
                                                data-width="['1021','1021','613','437']"
                                    data-height="['396','396','281','243']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 1021px; max-width: 1021px; max-width: 396px; max-width: 396px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 2 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-10-layer-2" 
                                     data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['-1','-1','0','0']" 
                                                data-fontsize="['24','24','22','18']"
                                    data-lineheight="['70','70','50','40']"
                                    data-letterspacing="['14','14','8','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 24px; line-height: 70px; font-weight: 400; color: #181818; letter-spacing: 14px;font-family:Poppins;">men shirt collections </div>

                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-10-layer-3" 
                                     data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','middle']" data-voffset="['64','64','51','-14']" 
                                                data-fontsize="['100','100','60','50']"
                                    data-lineheight="['120','120','75','60']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+790","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','left']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 100px; line-height: 120px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Snakeskin - Effect<br/> Viscose Shirt </div>

                                <!-- LAYER NR. 4 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-10-layer-4" 
                                     data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','middle']" data-voffset="['340','340','235','86']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+1510","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(24,24,24);bc:rgba(0,0,0,1);bs:solid;bw:0 0 0 0;"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[15,15,15,12]"
                                    data-paddingright="[45,45,45,35]"
                                    data-paddingbottom="[15,15,15,12]"
                                    data-paddingleft="[45,45,45,35]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 400; color: #ffffff;font-family:Poppins;background-color:rgb(220,0,8);border-color:rgb(24,24,24);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                </div>

                                <!-- LAYER NR. 5 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-10-layer-7" 
                                     data-x="['right','right','right','right']" data-hoffset="['180','180','39','27']" 
                                     data-y="['bottom','bottom','bottom','bottom']" data-voffset="['0','0','0','0']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="image" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":1530,"speed":1470,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 9;"><img src="assets/img/slider/home_04_slider_4.png" alt="" data-ww="['664px','664px','282px','204px']" data-hh="['965px','965px','410px','297px']" data-no-retina> </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-11" data-transition="fade,random-premium" data-slotamount="default,default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default,default" data-easeout="default,default" data-masterspeed="300,default"  data-thumb="assets/img/slider/100x50_home_04_slider_2.jpg"  data-rotate="0,0"  data-saveperformance="off"  data-title="02" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/home_04_slider_2.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 6 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-11-layer-1" 
                                     data-x="['left','left','left','left']" data-hoffset="['205','205','51','30']" 
                                     data-y="['middle','middle','top','top']" data-voffset="['0','0','27','33']" 
                                                data-width="['918','918','708','441']"
                                    data-height="['421','421','289','233']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 918px; max-width: 918px; max-width: 421px; max-width: 421px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 7 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-11-layer-8" 
                                     data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['6','6','0','0']" 
                                                data-fontsize="['24','24','22','18']"
                                    data-lineheight="['22','22','30','22']"
                                    data-letterspacing="['15','15','8','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 24px; line-height: 22px; font-weight: 400; color: #181818; letter-spacing: 15px;font-family:Poppins;">womanbags collections </div>

                                <!-- LAYER NR. 8 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-11-layer-2" 
                                     data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','middle','middle']" data-voffset="['71','71','-22','-16']" 
                                                data-fontsize="['100','100','60','50']"
                                    data-lineheight="['120','120','75','60']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+610","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 100px; line-height: 120px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Leather <br/>shopper bag </div>

                                <!-- LAYER NR. 9 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-11-layer-4" 
                                     data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','bottom','bottom']" data-voffset="['354','354','0','0']" 
                                                data-fontweight="['400','400','700','700']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+1250","speed":1680,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(24,24,24);bs:solid;bw:0 0 0 0;"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[15,15,15,15]"
                                    data-paddingright="[45,45,45,35]"
                                    data-paddingbottom="[15,15,15,15]"
                                    data-paddingleft="[45,45,45,35]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 400; color: #ffffff;font-family:Poppins;background-color:rgb(220,0,8);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop Now </a>
                                </div>

                                <!-- LAYER NR. 10 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-11-layer-6" 
                                     data-x="['right','right','right','right']" data-hoffset="['184','184','79','58']" 
                                     data-y="['middle','middle','bottom','bottom']" data-voffset="['0','0','14','24']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="image" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":1200,"split":"chars","splitdelay":0.05,"speed":1200,"split_direction":"forward","frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeIn"},{"delay":"wait","speed":300,"frame":"999","to":"x:50px;opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 9;"><img src="assets/img/slider/home_04_slider_5.png" alt="" data-ww="['826px','826px','332px','251px']" data-hh="['836px','836px','336px','254px']" data-no-retina> </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-12" data-transition="random-premium" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="assets/img/slider/100x50_home_04_slider_3.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="03" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/home_04_slider_3.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="2" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 11 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-12-layer-1" 
                                     data-x="['left','left','center','center']" data-hoffset="['205','205','14','9']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-131','-116']" 
                                                data-width="['782','782','506','419']"
                                    data-height="['386','386','299','251']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 782px; max-width: 782px; max-width: 386px; max-width: 386px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 12 -->
                                <div class="tp-caption  tp-resizeme" 
                                     id="slide-12-layer-2" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','top','top']" data-voffset="['1','1','0','0']" 
                                                data-fontsize="['24','24','22','18']"
                                    data-lineheight="['50','50','50','40']"
                                    data-letterspacing="['15','15','8','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+390","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","mask":"x:0;y:0;s:inherit;e:inherit;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 24px; line-height: 50px; font-weight: 400; color: #181818; letter-spacing: 15px;font-family:Poppins;">womanbags collections </div>

                                <!-- LAYER NR. 13 -->
                                <div class="tp-caption home_04_slider_1_heading  tp-resizeme" 
                                     id="slide-12-layer-3" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['-12','-12','-22','-15']" 
                                                data-fontsize="['100','100','60','50']"
                                    data-lineheight="['120','120','75','65']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+790","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','center','center']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 100px; line-height: 120px; font-weight: 400; color: #181818; letter-spacing: 0px;font-family:Poppins;">Leather <br/>shopper bag </div>

                                <!-- LAYER NR. 14 -->
                                <a class="tp-caption rev-btn home_04_slider_1_btn" href="shop-sidebar.html" 
                                     id="slide-12-layer-4" 
                                     data-x="['left','left','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['top','top','bottom','bottom']" data-voffset="['327','327','14','0']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+1510","speed":1500,"frame":"0","from":"x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"auto:auto;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"300","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(24,24,24);bs:solid;bw:0 0 0 0;"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[15,15,15,12]"
                                    data-paddingright="[50,50,45,35]"
                                    data-paddingbottom="[15,15,15,12]"
                                    data-paddingleft="[50,50,45,35]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 20px; font-weight: 400; color: #ffffff;font-family:Poppins;background-color:rgb(220,0,8);border-color:rgba(0,0,0,1);border-radius:30px 30px 30px 30px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Shop now </a>
                                </div>

                                <!-- LAYER NR. 15 -->
                                <div class="tp-caption   tp-resizeme home_04_slider_1_img" 
                                     id="slide-12-layer-7" 
                                     data-x="['right','right','right','right']" data-hoffset="['253','253','161','62']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','148','115']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="image" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":1480,"speed":1780,"frame":"0","from":"x:right;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 9;"><img src="assets/img/slider/home_04_slider_6.png" alt="" data-ww="['728px','728px','382px','310px']" data-hh="['474px','474px','249px','202px']" data-no-retina> </div>
                            </li>
                        </ul>
                        <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> 
                    </div>
                </div>
                <!-- END REVOLUTION SLIDER -->
            </div>
            <!-- Slider area End -->

            <!-- Banner Area Start -->
            <section class="banner-area pt--80 pt-md--55 pt-sm--35 pb--40 pb-md--30 pb-sm--20">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-4 mb-md--40 mb-sm--30 text-lg-left text-center">
                            <h2 class="heading-secondary pb-md--3">Trending</h2>
                            <hr class="separator mx-auto mx-lg-0 mt--35 mt-md--25 mb--25 mb-md--20">
                            <p>Proin hendrerit nisi neque, non scelerisque</p>
                        </div>
                        <div class="col-lg-8">
                            <div class="zuka-element-carousel nav-round nav-outline home_04_banner_01 nav-hover-2 nav-disabled-hide"                        
                            data-slick-options='{
                                "slidesToShow": 1,
                                "slidesToScroll": 1,
                                "speed": 300,
                                "arrows": true, 
                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                            }'>
                                <div class="item">
                                    <div class="banner-box banner-hover-3 banner-type-4">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/banner_4.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info">
                                                <div class="banner-info--inner">
                                                    <p class="banner-title-4">
                                                        Floral Print <br> Dress
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="banner-box banner-hover-3 banner-type-4">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/banner_4.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info">
                                                <div class="banner-info--inner">
                                                    <p class="banner-title-4">
                                                        Structured <br> Bermuda Short
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Banner Area End -->

            <!-- Banner Area Start -->
            <div class="banner-area ptb--40 ptb-md--30 ptb-sm--20">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="zuka-element-carousel nav-round nav-white-bg nav-outline  home_04_banner_02 nav-hover-2 nav-disabled-hide"  
                            data-slick-options='{
                                "slidesToShow": 1,
                                "slidesToScroll": 1,
                                "speed": 300,
                                "arrows": true, 
                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                            }'>
                                <div class="item">
                                    <div class="banner-box banner-hover-3 banner-type-4 banner-type-4-1">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/banner_5.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info">
                                                <div class="banner-info--inner">
                                                    <p class="banner-title-4">
                                                        Floral Print <br> Dress
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="banner-box banner-hover-3 banner-type-4 banner-type-4-1">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/banner_5.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info">
                                                <div class="banner-info--inner">
                                                    <p class="banner-title-4">
                                                        Structured <br> Bermuda Short
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Banner Area End -->

            <!-- Product Area Start -->
            <section class="product-area pt--30 pt-md--25 pt-sm--15 pb--80 pb-md--60 pb-sm--40">
                <div class="container">
                    <div class="row mb--50 mb-md--40 mb-sm--30">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary pb-md--2">New Arrival</h2>
                            <hr class="separator separator-3 center mt--25 mt-md--20 mb--25 mb-md--20">
                            <p>Proin hendrerit nisi neque, non scelerisque</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge sale">Sale!</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 46.00</span>
                                            <span class="dash">&mdash;</span>
                                            <span class="money">&pound; 59.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-3-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Designer Leather Backpack Purse for Women</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 100.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-7-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-7-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge discount">-2%</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fake News Network Abstract Novelty T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="product-price-old">
                                                <span class="money">&pound; 49.00</span>
                                            </span>
                                            <span class="product-price-new">
                                                <span class="money">&pound; 48.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-4-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-4-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-three">
                                            <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fashion Backpack Oxford Waterproof</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Grey blue leather backpack</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-8-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-8-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">I want to T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt--45 mt-md--25 mt-sm--5">
                        <div class="col-12 text-center">
                            <a href="#" class="btn btn-medium btn-color-gray btn-outline btn-shape-round btn-style-1">
                                View All
                            </a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Area End -->

            <!-- Special Offer Product area Etart -->
            <section class="special-product-area special-product-bg bg-image ptb-sm--40" data-bg-image="assets/img/bg/bg_blue.jpg">
                <div class="container-fluid p-0">
                    <div class="row align-items-center">
                        <div class="col-md-5 text-right">
                            <figure>
                                <img src="assets/img/banner/slide_17.png" alt="Product">
                            </figure>
                        </div>
                        <div class="col-md-7">
                            <div class="special-product pl--65 pl-sm--15 pt-sm--30">
                                <h3 class="special-product__title">100 items - Flared leather trousers</h3>
                                <h2 class="special-product__discount mb--35 mb-md--25 mb-sm--20">Sale 50%</h2>
                                <div class="special-product__countdown mb--30 mb-sm--20">
                                    <div class="product-countdown" data-countdown="2020/05/01"></div>
                                </div>
                                <a href="shop-sidebar.html" class="btn btn-medium btn-shape-round btn-style-2">Shop Now</a>
                                <p class="mt--40 mt-md--30 mt-sm--20 heading-color">Freeship worldwide order over $120</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Special Offer Product area End -->

            <!-- Product Area Start -->
            <section class="product-area pt--70 pt-md--55 pt-sm--35 pb--80 pb-md--60 pb-sm--40">
                <div class="container">
                    <div class="row mb--50 mb-md--40 mb-sm--30">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary pb-md--3">Top sale</h2>
                            <hr class="separator separator-3 center mt--35 mt-md--25 mb--25 mb-md--20">
                            <p>Proin hendrerit nisi neque, non scelerisque</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge sale">Sale!</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Candy Women Fashion Semi Rimless Oversized Sunglasses</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 46.00</span>
                                            <span class="dash">&mdash;</span>
                                            <span class="money">&pound; 59.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-3-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-3-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Designer Leather Backpack Purse for Women</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 100.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-7-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-7-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <span class="product-badge discount">-2%</span>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fake News Network Abstract Novelty T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="product-price-old">
                                                <span class="money">&pound; 49.00</span>
                                            </span>
                                            <span class="product-price-new">
                                                <span class="money">&pound; 48.00</span>
                                            </span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-4-3-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-4-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-three">
                                            <span>Rated <strong class="rating">3.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Fashion Backpack Oxford Waterproof</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-10-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-10-3-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-five">
                                            <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">Grey blue leather backpack</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-6 ptb--10 mb--20">
                            <div class="zuka-product thumb-has-effect">
                                <div class="product-inner">
                                    <figure class="product-image">
                                        <div class="product-image--holder">
                                            <a href="product-details.html">
                                                <img src="assets/img/products/prod-8-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                <img src="assets/img/products/prod-8-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                            </a>
                                        </div>
                                        <div class="zuka-product-action">
                                            <div class="product-action d-flex flex-column align-items-end">
                                                <a class="quickview-btn action-btn" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                    <span data-toggle="modal" data-target="#productModal">
                                                        <i class="dl-icon-view"></i>
                                                    </span>
                                                </a>
                                                <a class="add_wishlist action-btn" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                    <i class="dl-icon-heart4"></i>
                                                </a>
                                                <a class="add_compare action-btn" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                    <i class="dl-icon-compare"></i>
                                                </a>
                                                <a class="add_to_cart_btn action-btn" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                    <i class="dl-icon-cart29"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </figure>
                                    <div class="product-info text-center">
                                        <div class="star-rating star-four">
                                            <span>Rated <strong class="rating">4.00</strong> out of 5</span>
                                        </div>
                                        <h3 class="product-title">
                                            <a href="product-details.html">I want to T-Shirt</a>
                                        </h3>
                                        <span class="product-price-wrapper">
                                            <span class="money">&pound; 159.00</span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt--45 mt-md--25 mt-sm--5">
                        <div class="col-12 text-center">
                            <a href="#" class="btn btn-medium btn-color-gray btn-outline btn-shape-round btn-style-1">
                                View All
                            </a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product Area End -->

            <!-- Call To Action area Start -->
            <section class="cta-area bg-image fixed-bg pt--220 pb--210 pt-lg--110 pb-lg--105 pt-md--90 pb-md--85 pt-sm--65 pb-sm--60" data-bg-image="assets/img/bg/call-to-action_2.jpg">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center">
                            <p class="color--white font-size-18">#Women #Man #Autumn</p>
                            <h3 class="color--white lts-10 lts-md-5 lts-sm-0 heading-big mb-lg--0 mb-md--3">The Winter</h3>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Call To Action area End -->

            <!-- Method Area Start -->
            <section class="method-area pt--55 pb--55 pt-sm--35 pb-sm--40">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-1.png" alt="Icon">
                                <h4 class="mt--20">Free Worldwide Shipping</h4>
                                <p>On all orders over $75.00</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-2.png" alt="Icon">
                                <h4 class="mt--20">Support 24/7</h4>
                                <p>Contact us 24 hours a day, 7 days a week</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-sm--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-3.png" alt="Icon">
                                <h4 class="mt--20">30 Days Return</h4>
                                <p>Return it within 30 days for an exchange</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-4.png" alt="Icon">
                                <h4 class="mt--20">100% Payment Secure</h4>
                                <p>We ensure secure payment with PEV</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Method Area End -->

            <!-- Instagram Area Start -->
            <div class="instagram-area">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="instagram-feed">
                                <div id="instafeed" class="zuka-insta-feed instagram-carousel" data-accesstoken="6667588161.1677ed0.705c7b82e16f42b2898cd19e737dc53e" data-userid="6667588161" data-insta-config='{"get":"user", "sortBy":"none","limit":"8","resolution":"low_resolution","template":"<div class=\"grid-item\"><div class=\"instagram-feed-item\"><a href=\"{{link}}\" target=\"_blank\" id=\"{{id}}\"><img src=\"{{image}}\" /></a><div class=\"instagram-feed-hover-content\"><span class=\"tottallikes\"><i class=\"fa fa-heart\"></i>{{likes}}</span><span class=\"totalcomments\"><i class=\"fa fa-comments\"></i>{{comments}}</span></div></div></div>"}'>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Instagram Area End -->
        </div>
        <!-- Main Content Wrapper Start -->

        <!-- Footer Start -->
        <footer class="footer footer-3">
            <div class="footer-top pt--80 pt-md--60">
                <div class="container-fluid">
                    <div class="row footer-row">
                        <div class="footer-column footer-column-1 order-first mb-xl--35 mb-md--30 mb-sm--20">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <div class="textwidget mb--30 mb-sm--20">
                                    <a href="index.html" class="footer-logo">
                                        <img src="assets/img/logo/logo.png" alt="Logo" class="logo-img">
                                    </a>
                                </div>
                                <div class="textwidget mr--40 mr-sm--0">
                                    <p>Integer ut ligula quis lectus fringilla elementum porttitor sed est. Duis fringilla efficitur ligula sed lobortis.</p>
                                </div>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-2 order-xl-2 order-3 mb-sm--30 mb-xs--25">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25 mb-xs--20">Helful Link</h3>
                                <ul class="widget-menu">
                                    <li><a href="shop-collections.html">The Collections</a></li>
                                    <li><a href="#">Size Guide</a></li>
                                    <li><a href="#">Return Policy</a></li>
                                </ul>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-3 order-xl-3 order-4 mb-sm--30">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25">Company Link</h3>
                                <ul class="widget-menu">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="shop-collections.html">Portfolios</a></li>
                                    <li><a href="#">Our Services</a></li>
                                    <li><a href="#">Affiliate Program</a></li>
                                    <li><a href="#">Work for Zuka</a></li>
                                </ul>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-4 order-xl-4 order-5 mb-xs--25">
                            <!-- Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25">Openning Time</h3>
                                <ul class="widget-menu">
                                    <li><span>Monday – Saturday</span></li>
                                    <li><span>7:00 – 22:00</span></li>
                                    <li><span>Sunday</span></li>
                                    <li><span>9:00 – 20:00</span></li>
                                </ul>
                            </div>
                            <!-- Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-5 order-xl-5 order-6">
                            <!-- Contact Widget Start Here -->
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25 mb-xs--20">Contact Info</h3>
                                <div class="widget_contact_info">
                                    <ul>
                                        <li><i class="fa fa-phone"></i><span>(+612) 2531 5600</span></li>
                                        <li><i class="fa fa-envelope"></i><a href="mailto:info@company.com">info@company.com</a></li>
                                        <li><i class="fa fa-map-marker"></i><span>Get direction</span></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- Contact Widget End Here -->
                        </div>
                        <div class="footer-column footer-column-6 order-xl-6 order-2 mb-xl--35 mb-md--30 mb-xs--25">
                            <div class="footer-widget text-center text-sm-left">
                                <h3 class="widget-title mb--25 mb-xs--20">MailChimp Signup Form</h3>
                                <!-- Subscribe widget Start Here -->
                                <div class="subscribe-widget mb--30">
                                    <form action="https://company.us19.list-manage.com/subscribe/post?u=2f2631cacbe4767192d339ef2&amp;id=24db23e68a" class="newsletter-form mc-form" method="post" target="_blank">
                                        <input type="email" name="EMAIL" id="newsletter_email" placeholder="Enter your email address.." required="required" class="newsletter-form__input">
                                        <button type="submit" class="newsletter-form__submit">Submit</button>
                                    </form>
                                </div>
                                <!-- Subscribe widget End Here -->

                                <!-- Social Icons Start Here -->
                                <ul class="social social-medium">
                                    <li class="social__item">
                                        <a href="https://twitter.com" class="social__link">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://plus.google.com" class="social__link">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://facebook.com" class="social__link">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://youtube.com" class="social__link">
                                            <i class="fa fa-youtube"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://instagram.com" class="social__link">
                                            <i class="fa fa-instagram"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- Social Icons End Here -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom pt--45 pb--50 pb-xs--45">
                <div class="container">
                    <div class="row">
                        <div class="col-12 text-center">
                            <p class="copyright-text">&copy; 2018 ZUKA. Designed by HasTech</p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Search from Start --> 
        <div class="searchform__popup" id="searchForm">
            <a href="#" class="btn-close"><i class="dl-icon-close"></i></a>
            <div class="searchform__body">
                <p>Start typing and press Enter to search</p>
                <form class="searchform">
                    <input type="text" name="popup-search" id="popup-search" class="searchform__input" placeholder="Search Entire Store...">
                    <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button>
                </form>
            </div>
        </div>
        <!-- Search from End --> 
        
        <!-- Side Navigation Start -->
        <aside class="side-navigation" id="sideNav">
            <div class="side-navigation-wrapper">
                <div class="side-navigation-inner">
                    <div class="widget mb--30">
                        <ul class="sidenav-menu">
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="shop-collections.html">Portfolios</a></li>
                            <li><a href="contact-us.html">Our Services</a></li>
                            <li><a href="#">Affiliate Program</a></li>
                            <li><a href="#">Work For Zuka</a></li>
                        </ul>
                    </div>
                    <div class="widget mb--30">
                        <div class="banner-box banner-type-1 banner-hover-1">
                            <div class="banner-inner">
                                <div class="banner-image">
                                    <img src="assets/img/banner/menu-humberger.jpg" alt="Banner">
                                </div>
                                <div class="banner-info">
                                    <a class="banner-title-1 text-uppercase" href="shop-sidebar.html">New</a>
                                </div>
                                <a class="banner-link banner-overlay" href="shop-sidebar.html">New</a>
                            </div>
                        </div>
                    </div>
                    <div class="widget mb--30">
                        <div class="text-widget">
                            <p>
                                <a href="#">(+612) 2531 5600</a>
                                <a href="mailto:info@la-studioweb.com">info@la-studioweb.com</a>
                                PO Box 1622 Colins Street West
                            </p>
                        </div>
                    </div>
                    <div class="widget mb--5">
                        <div class="text-widget google-map-link">
                            <p>
                                <a href="https://www.google.com/maps" target="_blank">Google Maps</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <!-- Social Icons Start Here -->
                            <ul class="social social-small">
                                <li class="social__item">
                                    <a href="twitter.com" class="social__link">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="plus.google.com" class="social__link">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="facebook.com" class="social__link">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="youtube.com" class="social__link">
                                        <i class="fa fa-youtube"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="instagram.com" class="social__link">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                            <!-- Social Icons End Here -->
                        </div>
                    </div>
                    <div class="widget mtb--15">
                        <div class="text-widget">
                            <p>
                                <img src="assets/img/others/payments.png" alt="payment">
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <p class="copyright-text">&copy; 2018 Zuka Shop All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Side Navigation End -->

        <!-- Mini Cart Start -->
        <aside class="mini-cart" id="miniCart">
            <div class="mini-cart-wrapper">
                <a href="" class="btn-close"><i class="dl-icon-close"></i></a>
                <div class="mini-cart-inner">
                    <h5 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h5>
                    <div class="mini-cart__content">
                        <ul class="mini-cart__list">
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-26-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Atlin Designs Mid Century Club Chair</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-30-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-29-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-31-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                        </ul>
                        <div class="mini-cart__total">
                            <span>Subtotal:</span>
                            <span class="ammount">&pound;98.00</span>
                        </div>
                        <div class="mini-cart__buttons">
                            <a href="cart.html" class="btn btn-fullwidth btn-style-1">View Cart</a>
                            <a href="checkout.html" class="btn btn-fullwidth btn-style-1">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Mini Cart End -->

        <!-- Global Overlay Start -->
        <div class="zuka-global-overlay"></div>
        <!-- Global Overlay End -->
 
        <!-- Modal Start -->
        <div class="modal fade product-modal" id="productModal" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body">
                <button type="button" class="close custom-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><i class="dl-icon-close"></i></span>
                </button>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="zuka-element-carousel product-image-carousel nav-vertical-center nav-style-1"
                                data-slick-options='{
                                    "slidesToShow": 1,
                                    "slidesToScroll": 1,
                                    "arrows": true,
                                    "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                    "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                                }'
                        >
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-1.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-2.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="modal-box product-summary">
                            <div class="product-top-meta d-flex justify-content-between flex-sm-row flex-column-reverse">
                                <div class="product-rating d-flex">
                                    <div class="star-rating star-five">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                    <a href="" class="review-link">(1 customer review)</a>
                                </div>
                                <div class="product-navigation">
                                    <a href="#" class="prev"><i class="dl-icon-left"></i></a>
                                    <a href="#" class="next"><i class="dl-icon-right"></i></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <h3 class="product-title mb--30 mb-md--20">Fake News Network Abstract Novelty T-Shirt</h3>
                            <div class="product-price-wrapper mb--30 mb-md--20">
                                <span class="product-price-old">
                                    <span class="money">&pound;60.00</span>
                                </span>
                                <span class="money">&pound;49.00</span>
                            </div>
                            <p class="product-short-description mb--30 mb-md--20">Donec accumsan auctor iaculis. Sed suscipit arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget, sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                            <div class="product-action d-flex flex-row align-items-center mb--20">
                                <div class="quantity mr--20">
                                    <input type="number" class="quantity-input" name="qty" id="quick-qty" value="1" min="1">
                                </div>
                                <button type="button" class="btn btn-style-1 btn-semi-large btn-shape-round add-to-cart" onclick="window.location.href='cart.html'">
                                    Add To Cart
                                </button>
                                <a href="wishlist.html" class="action-btn action-btn-square"><i class="dl-icon-heart2"></i></a>
                                <a href="compare.html" class="action-btn action-btn-square"><i class="dl-icon-compare2"></i></a>
                            </div>  
                            <div class="product-extra mb--20">
                                <a href="#" class="font-size-12"><i class="fa fa-map-marker"></i>Find store near you</a>
                                <a href="#" class="font-size-12"><i class="fa fa-exchange"></i>Delivery and return</a>
                            </div>
                            <div class="product-summary-footer">
                                <div class="product-meta mb--20">
                                    <span class="sku_wrapper font-size-12">SKU: <span class="sku">REF. LA-887</span></span>
                                    <span class="posted_in font-size-12">Categories: <a href="shop-sidebar.html" rel="tag">Fashions</a></span>
                                </div>
                                <div class="product-share-box">
                                    <span class="font-size-12">Share With</span>
                                    <!-- Social Icons Start Here -->
                                    <ul class="social social-small">
                                        <li class="social__item">
                                            <a href="facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal End -->
    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->

    <!-- All Plugins Js -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script src="assets/js/revoulation/jquery.themepunch.tools.min.js"></script>
    <script src="assets/js/revoulation/jquery.themepunch.revolution.min.js"></script>    

    <!-- REVOLUTION ACTIVE JS FILES -->
    <script src="assets/js/revoulation.js"></script>

</body>

</html>